<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>上传文件</title>
        <script type="text/javascript" src="<%=request.getContextPath()%>/pages/common/js/jquery-1.8.2.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/pages/common/js/ajaxfileupload.js"></script>
        <script type="text/javascript">
		    function ajaxFileUpload()
		    {
		        $("#loading").ajaxStart(function(){$(this).show();})//开始上传文件时显示一个图片
		        .ajaxComplete(function(){$(this).hide();
		        });//文件上传完成将图片隐藏起来 
		        
		        $.ajaxFileUpload
		        (
		            {
		                url:'ajax.sword?ctrl=FileUploadCtrl_up',//用于文件上传的服务器端请求地址
		                secureuri:false,//一般设置为false
		                fileElementId:'file',//文件上传空间的id属性  <input type="file" id="file" name="file" />
		                dataType: 'JSON',//返回值类型 一般设置为json
		                success: function (data, status)  //服务器成功响应处理函数
		                {	
		                	var json = eval('(' + data + ')');
		                	var flag=json['flag'];
		                	var message=json['message'];
		                	if (flag == false) {
			                    $('#myspan').html(message);
			                    if(typeof(data.error) != 'undefined')
			                    {
			                        if(data.error != '')
			                        {
			                            $('#myspan').html(message);
			                        }else
			                        {
			                            $('#myspan').html(message);
			                        }
			                    }
							}else{
								if (window.opener) {       
									//for chrome 
									//alert("chrome");
									window.opener.returnValue = message;
								}else {  
									//alert("ie");
									window.returnValue = message;
								}
								//window.returnValue=json['message'];
								window.close();
							}
		                },
		                error: function (data, status, e)//服务器响应失败处理函数
		                {
		                    $('#myspan').html(e);
		                }
		            }
		        )
		        return false;
		    }
    </script>
    </head>
    <body style="background-color: #F0F0F0;">
    	<br/>
        <input type="file" id="file" name="file"/>
        <br/>
        <span id="loading" style="display: none;"><img src="image/loading.gif">文件正在上传，请等候</span>
        <span style="color: red;" id="myspan"></span><br/>
        <span>
	    	 说明：<br/>
	    	1、图片大小不能超过300K<br/>
	    	2、每次仅限上传一张图片<br/>
	    	3、支持格式：.jpg .jpeg .gif .png
	    </span>
        <br />
        <input type="button" value="确定上传" onclick="return ajaxFileUpload();">
    </body>
</html>